<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:s="http://jboss.com/products/seam/taglib"
	xmlns:a="https://ajax4jsf.dev.java.net/ajax"
	xmlns:rich="http://richfaces.ajax4jsf.org/rich"
	xmlns:ctg="http://www.crotouristguide.com/taglib"
	template="/templates/layout/columns_1.xhtml">

	<ui:define name="column1">
		<s:cache key="otok_column1_#{param.idOtoka}_#{currentLang}"
			region="pageFragments">
			<rich:panel id="desc" styleClass="no-border">
				<s:div styleClass="title">
					<h1><h:outputFormat value="#{messages['title.overview']}">
						<f:param value="#{otokDetails.naziv}" />
					</h:outputFormat></h1>
					<ui:include src="linkPanel.xhtml" />
				</s:div>
				<div id="descimg" class="leftm"><ctg:imageGallery
					slike="#{slikeByOtok}" panoramio="#{panoramioSlikeByOtok}"
					alt="#{otokDetails.naziv}" />
				<div class="infotxt"><h:outputFormat
					value="#{messages['label.images.number']}">
					<f:param
						value="#{otokDetails.brojSlika + panoramioSlikeByOtok.size()}"></f:param>
				</h:outputFormat> <ctg:nbsp />|<ctg:nbsp /> <s:link styleClass="special2"
					value="#{messages['image.addnew']}"
					action="#{slikaAction.addSlika('backToOtok')}" /></div>
				</div>
				<ctg:wikiPanel obj="#{otokDetails}" length="700" alignStyle="left" />
				<br class="clearb" />
			</rich:panel>
			<ctg:top />
			<f:subview
				rendered="#{otokDetails.latituda != null and otokDetails.longituda != null}">
				<rich:panel styleClass="no-border">
					<h2>#{messages['title.geo.location']}</h2>
					<ctg:pageGMaps />
				</rich:panel>
				<rich:panel styleClass="no-border">
					<ctg:googleAds width="468" height="60" slot="5912787764" />
				</rich:panel>
			</f:subview>
			<ctg:dogadjaji value="#{dogadjaji}"
				url="#{application.contextPath}/guides/dogadjaji/timeline.seam?idOtoka=#{param.idOtoka}" />
			<ctg:objave back="backToOtok" />
			<ctg:dojmovi back="backToOtok" />
		</s:cache>
	</ui:define>
	<ui:define name="column2">
		<s:cache key="otok_column2_#{param.idOtoka}_#{currentLang}"
			region="pageFragments">
			<ctg:topOtoci />
		</s:cache>
	</ui:define>
	<ui:define name="topr">
		<rich:panel styleClass="no-border">
			<s:div styleClass="right">
				<h:outputFormat value="#{messages['label.visits.number']}">
					<f:param value="#{otokDetails.brojPosjeta}"></f:param>
				</h:outputFormat>
				<ctg:nbsp />
			</s:div>
			<br class="clearb" />
		</rich:panel>
	</ui:define>
	<ui:define name="column3">
		<ctg:googleAds width="120" height="600" slot="9364832571" />
	</ui:define>
	<ui:define name="tasks">
		<ctg:tasks />
	</ui:define>
</ui:composition>
